{% extends "base.html" %}
{% block main %}
        <div id="page-wrapper">
            <div class="container-fluid">
                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <ul class="nav nav-tabs">
                            <li class="{{ active1 }}">
                                <a href="#anchor" data-toggle="tab">Anchor Tool</a>
                            </li>
                            <li class="{{ active }}">
                                <a href="#blacklist" data-toggle="tab">blacklist</a>
                            </li>
                            <li class="{{ active2 }}">
                                <a href="#interface" data-toggle="tab">Interface</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane {{ active1 }}" id="anchor">
                                <h3 class="page-header">
                                    Anchor Tool
                                </h3>
                                <ol class="breadcrumb">
                                    <li>
                                        <i class="fa fa-dashboard"></i>  <a href="../index">Dashboard</a>
                                    </li>
                                    <li>
                                        <i class="fa fa-briefcase"></i>  <a>Test Tools</a>
                                    </li>
                                    <li class="active">
                                        <i class="fa fa-table"></i> Anchor Tool
                                    </li>
                                    <li>
                                        <a href="http://c.blued.cn/live?type=user" style="text-align:right; padding-left: 500px;"><i class="fa fa-html5"></i>网页打开</a>
                                    </li>
                                </ol>
                                <div class="row">
                                    <div class="col-lg-12" style="text-align: center">
                                        <iframe src="http://c.blued.cn/live?type=user" style="width:100%; marginwidth:0px; min-height:520px;marginheight:0px; scrolling:No; frameborder:0px; vspace:0;border: 0px;;framespacing:0px; noresize:noResize;">
                                        </iframe>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane {{ active }}" id="blacklist">
                                <h3 class="page-header">
                                    blacklist
                                </h3>
                                <ol class="breadcrumb">
                                    <li>
                                        <i class="fa fa-dashboard"></i>  <a href="../index">Dashboard</a>
                                    </li>
                                    <li>
                                        <i class="fa fa-briefcase"></i>  <a>Test Tools</a>
                                    </li>
                                    <li class="active">
                                        <i class="fa fa-table"></i> Blacklist
                                    </li>
                                    {% if uid != '' %}
                                        <li>
                                            <a href="{{ uid }}" class="" style="text-align:right; padding-left: 560px;"><i class="fa fa-html5"></i>网页打开</a>
                                        </li>
                                    {% endif %}
                                </ol>
                                <div class="row" style="min-height:500px;">
                                    <div style="padding-left: 30px; text-align: center">
                                        {% if uid == '' %}
                                            <form method= 'get'>
                                                <br>
                                                <input name="uid" id="uid" class="input-sm" style="width: 300px;" placeholder="UID" >&nbsp;&nbsp;
                                                <input type="submit" class="btn btn-info" value="确定"/>&nbsp;&nbsp;
                                            </form>
                                        {% endif %}
                                        {% if uid != None %}
                                                <iframe src="{{ uid }}" style="width:98%;min-height:100%; marginwidth:0px;marginheight:0px; frameborder:0px; vspace:0px;border: 0px;;framespacing:0px; noresize:noResize;">
                                                </iframe>
                                        {% endif %}
                                    </div>
                                </div>

                            </div>
                        <div class="tab-pane {{ active2 }}" id="interface">
                                <h3 class="page-header">
                                    Interface(测试环境)
                                </h3>
                                <ol class="breadcrumb">
                                    <li>
                                        <i class="fa fa-dashboard"></i>  <a href="../index">Dashboard</a>
                                    </li>
                                    <li>
                                        <i class="fa fa-briefcase"></i>  <a>Test Tools</a>
                                    </li>
                                    <li class="active">
                                        <i class="fa fa-table"></i> Interface
                                    </li>
{#                                    <li>#}
{#                                        <a href="http://c.blued.cn/live?type=user" style="text-align:right; padding-left: 500px;"><i class="fa fa-html5"></i>网页打开</a>#}
{#                                    </li>#}
                                </ol>
                                <div class="row" style="min-height: 500px;">
                                    <div class="col-lg-12" style="text-align: left">
{#                                        {% if uid == '' %}#}
                                            <P><b>注:</b>无需鉴权或者对鉴权对账号没有要求用户名和密码可以为空</P>
                                            <form method= 'get'>
                                                <br>
                                                <select name="is_online" id="is_online" class="form-control" style="float: left; width: 10%">
                                                    <option value=1>线上环境</option>
                                                    <option value=0>测试环境</option>
                                                </select>&nbsp;&nbsp;
                                                <input name="users" id="users" class="input-sm" style="width: 15%;" placeholder="请输入用户名(测试环境)" >&nbsp;&nbsp;
                                                <input name="passwds" id="passwds" class="input-sm" style="width: 15%;" placeholder="请输入密码(测试环境)" type="password" >&nbsp;&nbsp;
                                                <input name="url" id="url" class="input-sm" style="width: 40%;" placeholder="请输入URL(测试环境)" >&nbsp;&nbsp;
                                                <input type="submit" class="btn btn-info" value="确定"/>&nbsp;&nbsp;
                                            </form>
                                            <br>
                                            <div style="text-align: left">
                                                <p style="position:relative;width: 100%;height:auto;; overflow-x:auto">

                                                   <b>查询结果:</b><br>
                                                    <textarea class="form-control" style="width: 90%;min-height: 300px;margin-top: 2%;">
                                                        {{ res_url }}
                                                    </textarea>
                                                </p>
                                            </div>
{#                                        {% endif %}#}
                                    </div>
                                </div>
                            </div>
                       </div>
                    </div>
                </div>
        </div>
    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="../static/js/jquery.js"></script>
{#    <script src="../static/js/sweet-alert.min.js"></script>#}
{#    <link rel="stylesheet" type="text/css" href="../static/css/sweet-alert.css">#}

    <!-- Bootstrap Core JavaScript -->
    <script src="../static/js/bootstrap.min.js"></script>
{% endblock %}

</body>

</html>
